<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>YOHO!有货 | 年轻人潮流购物中心,中国潮流购物风向标,官方授权正品保证</title>
	<link rel="stylesheet" href="./Public/Home/css/index.css"/>
	<link rel="stylesheet" href="./App/Home/View/Common/css/bottom.css" />
	<link rel="stylesheet" href="./App/Home/View/Common/css/head1.css" />
	<script src="./Public/Home//js/jquery-1.12.2.min.js"></script>	
	<script src="./Public/Home/js/index.js"></script>
	<script src="./App/Home/View/Common/js/head1.js"></script>
</head>
<body>
	
	{{include file="../Common/View/head1"}}
	<div class="home-page yoho-page boys">
		<div class="slide_main" >
			<div class="slides s1">
				<a href="">
					<img src="./Public/Home/images/slides1.jpg" alt="" />
				</a>
			</div>
			<div class="slides s2">
				<a href="">
					<img src="./Public/Home/images/012f5d23fbf0e208daca52d80951b49d19.jpg"/>
				</a>
			</div>
			<div class="slides s3">
				<a href="">
					<img src="./Public/Home/images/01bc41aea6913390b39e8d3f0c3fc02e45.jpg"/>
				</a>
			</div>
			<div class="slides s4">
				<a href="">
					<img src="./Public/Home/images/01dfc2b4faec444746956d4bf7c35100f0.jpg"/>
				</a>
			</div>
			<div class="slides s5 ">
				<a href="">
					<img src="./Public/Home/images/0176c310938764910f7fe5f22c450d3f00.jpg"/>
				</a>
			</div>
			<div class="slides s6">
				<a href="">
					<img src="./Public/Home/images/0161b59cecf631342068625d33ee6cabbd.jpg"/>
				</a>
			</div>
			<div class="slides s7">
				<a href="">
					<img src="./Public/Home/images/01360161e0099b26083b163c5158f93409.jpg"/>
				</a>
			</div>
			<div class="slides s8">
				<a href="">
					<img src="./Public/Home/images/01efd5521a2bb695df0bd0f1b9ff982b01.jpg"/>
				</a>
			</div>
			<ul class="change">
				<li class="focus">
					<a  href="">
						<img src="./Public/Home/images/focus1.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus2.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus3.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus4.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus5.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus6.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus7.jpg" alt="" />
					</a>
				</li>
				<li class="sf">
					<a href="">
						<img src="./Public/Home/images/focus8.jpg" alt="" />
					</a>
				</li>
			</ul>
			<div id="prevSlide"><</div>
			<div id="nextSlide">></div>
		</div>
		<div class="singlehot">
			<div class="floor_title">
				<span>人气单品</span>
			</div>
			<div class="g-list imgopacity">
				<li class="g-list_pic1">
					<a href="">
						<img class="lazy" src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic2">
					<a href="">
						<img src="./Public/Home/images/singlehot2.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic1">
					<a href="">
						<img src="./Public/Home/images/singlehot1.jpg" alt="" />
					</a>
				</li>
				<li class="g-list_pic2">
					<a href="">
						<img src="./Public/Home/images/singlehot2.jpg" alt="" />
					</a>
				</li>
			</div>
			
		</div>
		<div class="floor_ad">
				<a href="">
					<img src="./Public/Home/images/ad1.jpg" alt="" />
				</a>
			</div>
		<div class="preference-brand">
			<div class="floor_title">
				<span>优选品牌</span>
			</div>
			<div class="img_band">
				<ul class="img_list" style="width: 3474px; margin-left: 0px;">
					<li class="img-item">
						<a href="">
							<img class="pic1 lazy" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
					<li class="img-item">
						<a href="">
							<img class="pic1" src="./Public/Home/images/hot1.jpg" alt="" />
						</a>
					</li>
				
				</ul>
			</div>
			<div class="logo_band">
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<img src="./Public/Home/images/logo1.jpg" alt="" />
					</a>
				</li>
			</div>
		</div>
		<div class="new-report">
			<div class="floor_title">
				<span>最新速报</span>
			</div>
			<div class="report-list">
				<li class='report-list_pic1'>
					<a href="">
						<img class="lazy" src="./Public/Home/images/new_report1.jpg" alt="" />
					</a>
				</li>
				<li class='report-list_pic2'>
					<a href="">
						<img src="./Public/Home/images/new_report2.jpg" alt="" />
					</a>
				</li>
				<li class='report-list_pic2'>
					<a href="">
						<img src="./Public/Home/images/new_report2.jpg" alt="" />
					</a>
				</li>
				<li class='report-list_pic2'>
					<a href="">
						<img src="./Public/Home/images/new_report2.jpg" alt="" />
					</a>
				</li>
				<li class='report-list_pic2'>
					<a href="">
						<img src="./Public/Home/images/new_report2.jpg" alt="" />
					</a>
				</li>
				<li class='report-list_pic2'>
					<a href="">
						<img src="./Public/Home/images/new_report2.jpg" alt="" />
					</a>
				</li>
				<li class='report-list_pic2'>
					<a href="">
						<img src="./Public/Home/images/new_report2.jpg" alt="" />
					</a>
				</li>
			</div>
			<div class="last-item">
				<a href="">
					<img class="lazy" src="./Public/Home/images/new_report1.jpg" alt="" />
				</a>
			</div>
		</div>
		<div class="floor_ad">
				<a href="">
					<img src="./Public/Home/images/ad1.jpg" alt="" />
				</a>
		</div>
		<div class="tpl-recommend">
			<div class="floor-header ">
				<div class="floortitle">
					潮流上装
				</div>
				<a href="">MORE</a>
			</div>
			<div class="tpl-body">
				<div class="tpl-nav">
					<div class="tpl-keywords">
						<a class="keywords0" href="">
							<img class="lazy" src="./Public/Home/images/keywords1.jpg" alt="" />
						</a>
						<a class="keywords1" href="">
							<img src="./Public/Home/images/keywords2.jpg" alt="" />
						</a>
					</div>
					<div class="tpl-category">
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
					</div>
				</div>
				<div class="tpl-brands">
					<a href="">
						<img class="lazy" src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
				</div>
				<div class="tpl-types ">
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
				</div>
			</div>
			<div class="tpl-products ">
				<a href="">
					<img class="lazy" src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
			</div>
		</div>
		<div class="tpl-recommend">
			<div class="floor-header ">
				<div class="floortitle">
					潮流下装
				</div>
				<a href="">MORE</a>
			</div>
			<div class="tpl-body">
				<div class="tpl-nav">
					<div class="tpl-keywords">
						<a class="keywords0" href="">
							<img class="lazy" src="./Public/Home/images/keywords1.jpg" alt="" />
						</a>
						<a class="keywords1" href="">
							<img src="./Public/Home/images/keywords2.jpg" alt="" />
						</a>
					</div>
					<div class="tpl-category">
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
					</div>
				</div>
				<div class="tpl-brands">
					<a href="">
						<img class="lazy" src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
				</div>
				<div class="tpl-types ">
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
				</div>
			</div>
			<div class="tpl-products ">
				<a href="">
					<img class="lazy" src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
			</div>
		</div>
		
		
		<div class="tpl-recommend">
			<div class="floor-header ">
				<div class="floortitle">
					潮流下装
				</div>
				<a href="">MORE</a>
			</div>
			<div class="tpl-body">
				<div class="tpl-nav">
					<div class="tpl-keywords">
						<a class="keywords0" href="">
							<img class="lazy" src="./Public/Home/images/keywords1.jpg" alt="" />
						</a>
						<a class="keywords1" href="">
							<img src="./Public/Home/images/keywords2.jpg" alt="" />
						</a>
					</div>
					<div class="tpl-category">
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
					</div>
				</div>
				<div class="tpl-brands">
					<a href="">
						<img class="lazy" src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
				</div>
				<div class="tpl-types ">
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
				</div>
			</div>
			<div class="tpl-products ">
				<a href="">
					<img class="lazy" src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
			</div>
		</div>
		<div class="tpl-recommend">
			<div class="floor-header ">
				<div class="floortitle">
					潮人配饰
				</div>
				<a href="">MORE</a>
			</div>
			<div class="tpl-body">
				<div class="tpl-nav">
					<div class="tpl-keywords">
						<a class="keywords0" href="">
							<img class="lazy" src="./Public/Home/images/keywords1.jpg" alt="" />
						</a>
						<a class="keywords1" href="">
							<img src="./Public/Home/images/keywords2.jpg" alt="" />
						</a>
					</div>
					<div class="tpl-category">
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
						<a href="">T恤</a>
					</div>
				</div>
				<div class="tpl-brands">
					<a href="">
						<img class="lazy" src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-brand1.jpg" alt="" />
					</a>
				</div>
				<div class="tpl-types ">
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
					<a href="">
						<img src="./Public/Home/images/tpl-type1.jpg" alt="" />
					</a>
				</div>
			</div>
			<div class="tpl-products ">
				<a href="">
					<img class="lazy" src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
				<a href="">
					<img src="./Public/Home/images/tpl-product1.jpg" alt="" />
				</a>
			</div>
		</div>
		
		<div class="newarrivals">
			<div class="floor-header ">
				<div class="floortitle">
					最新上架
				</div>
				<a href="">MORE</a>
			</div>
			<div class="goods-container">
				<div class="good-info">
					<div class="tag-container">
					</div>
					<a href="">
						<img  class="good-thumb lazy" src="./Public/Home/images/good_thumb.jpg" alt="" />
					</a>
					<div class="good-detail-text">
						<a href="">PUMA Trinomic R698 ROXX 运动鞋</a>
						<span class='sale-priceprime-cost'>¥1199.00</span>
					</div>
				</div>
				<div class="good-info">
					<div class="tag-container">
					</div>
					<a href="">
						<img class="good-thumb" src="./Public/Home/images/good_thumb.jpg" alt="" />
					</a>
					<div class="good-detail-text">
						<a href="">PUMA Trinomic R698 ROXX 运动鞋</a>
						<span class='sale-priceprime-cost'>¥1199.00</span>
					</div>
				</div>
				<div class="good-info">
					<div class="tag-container">
					</div>
					<a href="">
						<img class="good-thumb" src="./Public/Home/images/good_thumb.jpg" alt="" />
					</a>
					<div class="good-detail-text">
						<a href="">PUMA Trinomic R698 ROXX 运动鞋</a>
						<span class='sale-priceprime-cost'>¥1199.00</span>
					</div>
				</div>
				<div class="good-info">
					<div class="tag-container">
					</div>
					<a href="">
						<img class="good-thumb" src="./Public/Home/images/good_thumb.jpg" alt="" />
					</a>
					<div class="good-detail-text">
						<a href="">PUMA Trinomic R698 ROXX 运动鞋</a>
						<span class='sale-priceprime-cost'>¥1199.00</span>
					</div>
				</div>
				<div class="good-info">
					<div class="tag-container">
					</div>
					<a href="">
						<img class="good-thumb" src="./Public/Home/images/good_thumb.jpg" alt="" />
					</a>
					<div class="good-detail-text">
						<a href="">PUMA Trinomic R698 ROXX 运动鞋</a>
						<span class='sale-priceprime-cost'>¥1199.00</span>
					</div>
				</div>
				<div class="good-info">
					<div class="tag-container">
					</div>
					<a href="">
						<img class="good-thumb" src="./Public/Home/images/good_thumb.jpg" alt="" />
					</a>
					<div class="good-detail-text">
						<a href="">PUMA Trinomic R698 ROXX 运动鞋</a>
						<span class='sale-priceprime-cost'>¥1199.00</span>
					</div>
				</div>
				
			</div>
			<div class="loading">
				<a href="">查看更多</a>
			</div>
		</div>
	</div>
	
	<div class="yoho-footer">
		<div class="index-foot">
			<div class="center-content">
				<div class="foot-panel fp">
					<div class="title">
						<div class="title_line"></div>
						<p class="text">有货SERVICES</p>
					</div>
					<div class="foot-services">
						<div class="left">
							<img src="./Public/Home/images/qr-app.png"/>
							<p>YOHO!有货</p>
						</div>
						<div class="left">
							<img src="./Public/Home/images/qr-weixin.png"/>
							<p>微信</p>
						</div>
						<div class="left">
							<img src="./Public/Home/images/qr-weibo.png"/>
							<p>微博</p>
						</div>
					</div>
				</div>
			<div class="foot-panel fp">
					<div class="title">
						<div class="title_line"></div>
						<p class="text">意见反馈</p>
					</div>
					<div class="foot-services">
						<div class="ask">
							<p>您喜欢有货的新版吗?</p>
							<div class="vote-item">
								<p>
									<input name="solution" type="radio" />非常喜欢
								</p>
								<p>
									<input name="solution" type="radio" />喜欢
								</p>
								<p>
									<input name="solution" type="radio" />一般般
								</p>
								<p>
									<input name="solution" type="radio" />不喜欢
								</p>
								<p>
									<input name="solution" type="radio" />非常不喜欢
								</p>

							</div>
						<span class="feed-back-btn ">提交</span>
							
						</div>

						
					</div>
			</div>
			<div class="foot-panel">
					<div class="title">
						<div class="title_line"></div>
						<p class="text">更多YOHO!产品</p>
					</div>
					<div class="foot-services">
						<div class="left2">
							<a href="">
								<img src="./Public/Home/images/mars.png"/>
							</a>
						</div>
						<div class="left2">
							<a href="">
								<img src="./Public/Home/images/show.png"/>
							</a>
						</div>
						<div class="left2">
							<a href="">
								<img src="./Public/Home/images/yoho.png"/>
							</a>
						</div>
					</div>
			</div>
			</div>

		</div>
		
		
		{{include file="../Common/View/bottom"}}
		
	</div>
</body>
</html>